<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>08_文本属性-行高-基本介绍</title>
        <style>
            div {
                font-size: 30px;
                height: 500px;
                background-color: gold;

                /* （1）normal 是跟着浏览器走  和字体族相关  自动调整 */
                /* line-height: normal; */

                /* （2）px像素 
                      a.line-height不要比font-size小  因为容易上一行和下一行重叠
                      b.行高变大  基线下移  字下移
                        行高变小  基线上移  字上移
                      c.如果像素的结果小于0了 那么就是normal
                */
                /* line-height: 30px; */

                /* （3）具体数值   该数值是font-size的倍数   一般是1到2之间
                我们在实际的企业级开发的时候 一般是1.5以上2一下  具体1.6左右 
                如果数值的结果小于0了 那么就是normal  使用的最多
                */
                /* line-height: 1.5; */


                /* (4) 百分比 和数值类似 */
                line-height: 150%;
                
            }
        </style>
    </head>
    <body>
        <div>
            苍茫的天涯是g我的爱,苍茫的天涯g是我的爱,苍茫的天涯是我的爱,苍茫的天涯是我的爱,苍茫的天涯是我的爱,苍茫的天涯是我的爱,苍茫的天涯是我的爱,苍茫的天涯是我的爱,苍茫的天涯是我的爱,苍茫的天涯是我的爱,苍茫的天涯是我的爱,苍茫的天涯是我的爱,苍茫的天涯是我的爱,苍茫的天涯是我的爱,苍茫的天涯是我的爱,
        </div>
    </body>
</html>